/**
 * Created by sfr on 2017/10/10.
 */
import React from "react";
import { routerRedux } from 'dva/router';
import { connect } from "dva";
import { List, WhiteSpace, NoticeBar } from "antd-mobile";

// import moment from 'moment';
// import NavBarItem from "../../components/WitNavBar/index";
import WitCarousel from "../../components/WitCarousel/index";
import WitNewsItem from "../../components/WitNewsItem/index";
// import WitAnnouncement from "../../components/WitAnnouncement/index";
import empty from 'is-empty';
import styles from './index.less';


import banner1 from '../../assets/infor/banner1.jpg';
import banner2 from '../../assets/infor/banner2.jpg';
import banner3 from '../../assets/infor/banner3.jpg';

// import newDetails from '../../assets/infor/newDetails.jpg';
//
// import trend1 from '../../assets/infor/trend1.jpg';
// import trend2 from '../../assets/infor/trend2.jpg';
// import trend3 from '../../assets/infor/trend3.jpg';
// import trend4 from '../../assets/infor/trend4.jpg';
// 党建动态数据
/*
const partyTrends = [
  {
    title: '中国共产党第十九次全国代表大会在京开幕 习近平代表第十八届中央委员会向大会作报告 李克强主持大会 2338名代表和特邀代表出席大会',
    content: '习近平代表第十八届中央委员会向大会作了题为《决胜全面建成小康社会 夺取新时代中国特色社会主义伟大胜利》的报告。习近平指出，中国共产党第十九次全国代表大会，是在全面建成小康社会决胜阶段、中国特色社会主义进入新时代的关键时期召开的一次十分重要的大会。大会的主题是：不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗。人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅“',
    img: trend1
  },
  {
    title: '广泛凝聚智慧和力量 夺取新时代中国特色社会主义伟大胜利',
    content: '天山网讯（日报记者姚彤 袁蕾报道）10月18日下午，中国共产党第十九次全国代表大会区代表团举行全体会议，讨论习近平同志代表第十八届中央委员会向大会所作的报告。俞正声同志参加了代表团讨论，他指出，要高举中国特色社会主义伟大旗帜，坚定不移走中国特色社会主义政治发展道路，发展社会主义民主政治，为决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利广泛凝聚智慧和力量。俞正声步入新疆代表团会场，身着民族服装的肉仙姑力·阿不都克力木、吾布力喀斯木·买吐送代表迎上前去，献上一顶绣着巴旦木杏花的小花帽。代表们热烈鼓掌欢迎，俞正声与大家一一握手、亲切交谈。艾力更·依明巴海同志参加讨论。新疆代表团团长陈全国主持会议。俞正声指出，习近平同志代表十八届中央委员会所作的报告，系统总结了过去五年党和国家事业发生的历史性变革，深刻阐述了新时代中国特色社会主义思想，提出了一系列符合当代中国实际的重大战略举措，是我们党迈向新时代、开启新征程、续写新篇章的政治宣言和行动纲领。我们一定要认真学习领会，坚决贯彻落实。俞正声指出，过去的五年，以习近平同志为核心的党中央以非凡的政治智慧、顽强的意志品质、强烈的历史担当，推动党和国家事业发生历史性变革，中国特色社会主义进入了新时代。在这个伟大实践中，以习近平同志为核心的党中央紧紧围绕新时代坚持和发展什么样的中国特色社会主义、怎样坚持和发展中国特色社会主义这个重大时代课题，进行艰辛理论探索，创立了习近平新时代中国特色社会主义思想。这一重要思想是马克思主义中国化最新成果，是中国特色社会主义理论体系重要组成部分，是我们党必须长期坚持的指导思想，对在新的历史起点上进行伟大斗争、建设伟大工程、推进伟大事业、实现伟大梦想具有重大现实意义和深远历史意义。',
    img: trend2
  },
  {
    title: '【党的十九大特别报道·现场】确保党中央治疆方略落地生根',
    content: '日报讯（记者李杨 袁蕾 董少华 卢民一 崔志坚摄影报道）新时代开启新征程。如何肩负新使命，夺取新时代中国特色社会主义伟大胜利，成为十九大代表们热议的话题。代表们纷纷表示，要认真贯彻落实习近平新时代中国特色社会主义思想，坚决维护以习近平同志为核心的党中央权威，坚决服从以习近平同志为核心的党中央集中统一领导，深入贯彻落实以习近平同志为核心的党中央治疆方略，紧紧围绕社会稳定和长治久安总目标，奋发有为、真抓实干，为实现中华民族伟大复兴中国梦作出贡献。凝聚起同心共筑中国梦的磅礴力量窦万贵代表说：“报告聚焦中国特色社会主义新时代。这个时代将解决发展不平衡不充分的问题，将更好地推进人的全面发展和社会的全面进步，将更快地接近中华民族伟大复兴的中国梦，这是一个伟大的时代。我们应该感恩这个时代，同时要用我们的双手去创造无愧于这个时代的新业绩。”“习近平新时代中国特色社会主义思想让我更加坚定了自己的使命担当。”马旭东代表说，报告全面把握党和国家事业发展的新要求，充分体现了人民群众对美好生活的新期盼，作出了中国特色社会主义进入新时代的重大战略判断，提出了习近平新时代中国特色社会主义思想，是指导中国特色社会主义伟大事业发展的纲领性文献。习近平新时代中国特色社会主义思想既有战略层面的高瞻远瞩，又有战术层面的具体部署，既有总体规划、顶层设计，又有方法路径、具体安排。我们要坚忍不拔、锲而不舍，奋力谱写中华民族伟大复兴中国梦的新疆篇章。',
    img: trend3
  },
  {
    title: '【党的十九大】天山儿女颂党恩',
    content: '有些瞬间，注定会化为永恒，长久地定格在人们心中。“人民对美好生活的向往，就是我们的奋斗目标。”2012年11月15日，党的十八大闭幕后，习近平总书记在十八届中央政治局常委与中外记者见面会上的讲话，言犹在耳，字字如新。这是一个执政党朴素而又庄严的宣誓，更是中国共产党筑梦路上永远不变的初心。十八大以来的5年，是党和国家发展进程中极不平凡的5年，改革开放和社会主义现代化建设取得了历史性成就。5年来，以习近平同志为核心的党中央，毫不动摇地践行“以人民为中心”的发展思想，始终坚持“发展为了人民、发展依靠人民、发展成果由人民共享”，用饱含深情的笔墨，在大江南北描绘出一幅幅波澜壮阔的民生画卷，各族中华儿女获得感幸福感与日俱增。距离首都北京虽远，但来自中南海的关心关怀，却一天也未间断。十八大以来的5年间，中央给予新疆的扶持力度前所未有、政策优惠全国罕见，党的阳光雨露洒遍天山南北每一寸土地。生活在伟大祖国怀抱中的各族儿女，与全国人民一道，共同享有人生出彩的机会、共同享有梦想成真的机会、共同享有同祖国和时代一起成长与进步的机会。新疆距离首都北京虽远，但各族儿女的心却始终与以习近平同志为核心的党中央紧紧连在一起。十八大以来的5年间，自治区党委坚决贯彻党中央的决策部署，坚决贯彻第二次中央新疆工作座谈会精神和习近平总书记系列重要讲话精神，以社会稳定和长治久安总目标为统领，谋划部署推进新疆各项工作。2300万各族群众，在自治区党委带领下，万众一心，砥砺奋进，一曲曲改革、发展、稳定的动人乐章激荡在天山南北，一张张丰盈厚实的民生答卷书写在新疆大地。鱼知水恩乃幸福之源。今天，在党的十九大胜利召开之际，我们推出四个版的特刊《天山儿女颂党恩》——这里有奋斗的跫音，这里有前进的轨迹；这里有成长的喜悦，这里有收获的欢愉；这里有幸福的笑颜，这里有豪迈的誓言……这是2300万新疆人共同的故事，这是绿叶对根的深情：感恩伟大祖国、感恩党的领导、感恩中华民族大家庭。万山磅礴必有主峰，龙衮九章但挈一领。在党的十九大开启的新征程里，在实现中华民族伟大复兴中国梦的前进道路上，各族天山儿女心手相连，将永远坚定不移地感党恩、听党话、跟党走',
    img: trend4
  }
];
*/

import styles11 from '../../assets/infor/styles11.jpg';
// import styles12 from '../../assets/infor/styles12.jpg';
// import styles13 from '../../assets/infor/styles13.jpg';
import styles21 from '../../assets/infor/styles21.jpg';
// import styles22 from '../../assets/infor/styles22.jpg';
// import styles23 from '../../assets/infor/styles23.jpg';
import styles31 from '../../assets/infor/styles31.jpg';
// import styles32 from '../../assets/infor/styles32.jpg';
// import styles33 from '../../assets/infor/styles33.jpg';
// import styles41 from '../../assets/news/activity1.jpg';
// import styles42 from '../../assets/news/activity2.jpg';
// import styles43 from '../../assets/news/activity3.jpg';
//  党建风采数据
/*
const partyStyles1 = [
 {
   title: '自治区党委网信办举办互联网企业(网站)党组织书记示范培训班',
   content: '本次培训班的主要任务是学习贯彻落实中央和自治区党委关于党建工作的决策部署，进一步加强互联网企业党的建设，通过培训，快速提升互联网企业（网站）党组织书记的思想政治素质和业务工作能力，发挥互联网党组织的政治核心和政治引领作用，为社会稳定和长治久安总目标提供良好网上舆论支持。自治区重点新闻网站、各地州市互联网企业（网站）党组织书记120人参训。培训班邀请了党的十九大代表、全国优秀党务工作者薛荣，首都互联网协会副会长杨苏授课，采取了专题讲座、外出观摩学习等多种形式开展教学，组织了“互联网企业大咖@互联网党建”沙龙等具有互联网行业特征的活动，受到参训人员欢迎。',
   img:[styles11,styles12,styles13]
 },
 {
   title: '让党旗在互联网企业高高飘扬',
   content: '6月30日，由自治区网信党工委办公室组织的“ 让党旗在互联网企业高高飘扬”主题党日活动中，来自自治区重点新闻网站和乌鲁木齐市属地互联网企业党组织书记及党员代表60余人进行座谈，并在八路军驻办事处纪念馆的鲜红党旗下重温入党誓词。本次活动是自治区网信党工委办公室庆祝中国共产党成立96周年系列内容之一，旨在进一步推进“两学一做”学习教育常态化制度化，加强和改进全区互联网企业党建工作，团结引领互联网企业党员以昂扬风貌和优异成绩迎接党的十九大胜利召开。当日上午，自治区网信党工委办公室组织全体活动参与人员座谈。大家围绕学习宣传贯彻习近平总书记重要讲话精神和自治区党委决策部署，重点学习了全区互联网领域党建工作“1+2”文件，交流凝聚共识，强化责任担当，明确互联网企业党组织和党员干部政治核心和政治引领作用的重要性，确保网络“一片蓝天、一片净土”。',
   img:[styles21,styles22,styles23]
 },
 {
   title: '开展“我与网络强国”青年演讲比赛',
   content: '参加本次演讲的选手均是从事互联网工作的优秀企业代表及个人。经过紧张的角逐，阿不来提·阿不都拉获得一等奖，李红燕、周小舟获得二等奖，沙依白尔·沙吾尔、拜合提牙尔·依力哈木、王亮丁获得三等奖，李随红、薛路、刘芝慧、刘诗伟获得优秀奖。天山网、卡尔罗媒体科技有限公司、恩特尔职业技能培训学校三家单位获得优秀组织奖。每位演讲选手结合自己的工作、生活实际，娓娓道来地讲故事，铿锵有力地抒情怀，掷地有声地表真情。演讲反映出了党的十八大以来互联网行业发展变化，网络强国建设取得的巨大成就，以及互联网界青年爱党爱国、拼搏进取、奋发有为的精神风貌。据悉，此次活动是根据中央网信办、共青团中央通知要求，自治区党委网络安全和信息化领导小组办公室、自治区团委定于今年“五四”青年节期间，结合纪念建团95周年，所组织开展的“青春喜迎十九大·共筑网络强国梦”系列主题活动之青年演讲比赛。在今年“五四”期间，自治区党委网信办、自治区团委还将陆续开展“主题团日活动”“主题微博话题”等线上系列主题活动。',
   img:[styles31,styles32,styles33]
 },
 {
   title: '喀什地区互联网实现党建全覆盖',
   content: '11月16日，是中国喀什网全体党员的学习日，这一天，他们专门请来了大众网的老师，为党员、入党积极分子和骨干进行专业知识培训。网站负责人张桂香告诉记者，中国喀什网自10月份成立党支部以来，设立了党员活动室，党员争先创优岗，规定每周三为党员学习日，坚持三会一课学习，目前有5名党员，发展了一名入党积极分子。近一个月来，党支部已开展多次活动，党员们也非常积极，有困难总是党员先上，而且主动捐款2次，为网站购置杯子、矿泉水等物品，为全体工作人员和来访者提供方便。拥有20余万粉丝的知名民营网站喀什都市网也已建立了党支部，网站有三名党员，喀什都市网负责人张琼说，党支部建立起来以后，大家都觉得有了依靠，找到了组织。通过学习，了解了很多党委政府对互联网工作的新要求，这对于民间网站来说非常重要，帮助大家对于政策有了更多了解，政治敏锐性都提高了不少，特别是对于指导网站把握正确的舆论导向有很大帮助。在地区网信办，记者了解到，为深入贯彻落实自治区党委书记陈全国在自治区深入贯彻落实习近平总书记关于工作总目标再动员会议上“确保意识形态的绝对安全”的重要讲话精神，地区网信办扎实推进全地区互联网党建工作,经过近一个月的摸底排查，最终确定我区共有政务类、国有企业和民间网站共116家。情况摸清后，地区网信办迅速开展互联网党建工作，目前全地区116家属地网站已全面完成党组织建设工作,政务类网站78家网站，其中建立党支部的28家，联合党支部34家，派驻指导员16家；国有企业网站4家，其中党支部1家，派驻指导员3家；民间网站34家，其中党支部2家，联合党支部3家，派驻指导员29家。至此，喀什地区网络系统党组织和党的工作实现了全覆盖，把党管互联网的原则真正落到实处',
   img:[styles41,styles42,styles43]
 }
]
*/

import grid2 from '../../assets/infor/grid2.png';
import grid3 from '../../assets/infor/grid3.png';

import grid5 from '../../assets/infor/grid5.png';
import grid6 from '../../assets/infor/grid6.png';

import grid8 from '../../assets/infor/grid8.png';
import grid9 from '../../assets/infor/grid9.png';

import grid11 from '../../assets/infor/grid11.png';
import grid12 from '../../assets/infor/grid12.png';

const Item = List.Item;

class Infor extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [{ img: banner1, title: '聚焦总目标 喜迎十九大' }, { img: banner2, title: '聚焦总目标 喜迎十九大' }, {
        img: banner3,
        title: '聚焦总目标 喜迎十九大'
      }],
      data2: [{ img: styles11, title: '活动一' }, { img: styles21, title: '活动二' }, { img: styles31, title: '活动三' }],
      carouselNumber1: 1,
      initialCarouselHeight1: '0rem',
      carouselNumber2: 1,
      initialCarouselHeight2: '0rem',
    };
  }

  // 组织生活跳转
  zzlife = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: "/work/life",
      })
    );
  };
  // 党费缴纳跳转
  dfpay = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: "/work/dues",
      })
    );
  };
  // 在线学习跳转
  zxlearning = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: "/work/zxxx",
      })
    );
  };
  // 积分排行跳转
  jfranking = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: "/work/partyofintegralxx",
      })
    );
  };
  // ==组件所有函数
  // table点击函数
  handleTabClick = (key) => {
    switch (key) {
      case '1': // 党建动态
        this.props.dispatch({
          type: 'infor/partyConTrend',
          payload: {}
        });
        break;
      case '2': // 通知公告
        this.props.dispatch({
          type: 'infor/announcement',
          payload: {}
        });
        break;
      case 3: // 党建风采
        this.props.dispatch({
          type: 'infor/DJfengcai',
          payload: {}
        });
        break;
      case 4:
        break;
      default: {
        break;
      }
    }
  };
  // 点击党建动态消息队列
  handleTrend = (index) => {
    this.props.dispatch(
      routerRedux.push({
        pathname: `/infor/trendDetail`,
        query: { id: index }
      })
    );
  };
  // 点击通知通告消息队列
  handleNotice = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: `/infor/mienDetail`,
        query: { id: 1 }
      })
    );
  }
  // 点击党建风采消息队列
  handleMien = (index) => {
    this.props.dispatch(
      routerRedux.push({
        pathname: `/infor/mienDetail`,
        query: { id: index }
      })
    );
  }

  // ==生命周期--页面渲染
  render() {
    const { DJbannerData, partyTrends } = this.props.infor;

    return (
      <div className="infor">
        {/* <NavBarItem title = "资讯" mode='enum'/> */}
        {/* tab */}
        {/* <Tabs */}
        {/* defaultActiveKey="1" */}
        {/* animated={true} */}
        {/* swipeable={false} */}
        {/* onTabClick={this.handleTabClick}> */}
        <div>
          {
            !empty(DJbannerData) && !empty(partyTrends) &&
            <div>
              {/* 跑马灯 */}
              <WitCarousel imgsData={DJbannerData} />
              {/* 资讯列表 */}
              <WhiteSpace style={{ backgroundColor: '#ccc' }} />
              <WhiteSpace style={{ backgroundColor: '#ccc' }} />
              <WhiteSpace />
              <WhiteSpace />
              <NoticeBar marqueeProps={{ loop: true, style: { padding: '0 7.5px' } }} mode="link">
                <span style={{ paddingRight: '20px' }}> 重庆机场集团关于学习十九大(2017-10-31)</span><span style={{ paddingRight: '20px' }}> 重庆机场集团关于学习十九大(2017-10-31)</span>
              </NoticeBar>
              <WhiteSpace />
              <div className={styles.all}>
                <div className={styles.bg} onClick={this.zzlife}>
                  <img className={styles.grid2} src={grid2} role="presentation" />
                  <img className={styles.grid3} src={grid3} role="presentation" />
                  <span className={styles.font1}>组织生活</span>
                </div>
                <div className={styles.bg1} onClick={this.dfpay}>
                  <img className={styles.grid5} src={grid5} role="presentation" />
                  <img className={styles.grid6} src={grid6} role="presentation" />
                  <span className={styles.font2}>党费缴纳</span>
                </div>
                <div className={styles.bg2} onClick={this.zxlearning}>
                  <img className={styles.grid8} src={grid8} role="presentation" />
                  <img className={styles.grid9} src={grid9} role="presentation" />
                  <span className={styles.font3}>在线学习</span>
                </div>
                <div className={styles.bg3} onClick={this.jfranking}>
                  <img className={styles.grid11} src={grid11} role="presentation" />
                  <img className={styles.grid12} src={grid12} role="presentation" />
                  <span className={styles.font4}>积分排行</span>
                </div>
              </div>
              <WhiteSpace />
              <WhiteSpace />
              <List>
                <Item extra="更多" arrow="horizontal" onClick={() => {}}>党建动态</Item>
              </List>
              {
                partyTrends.map((item, index) => {
                  return (
                    <WitNewsItem
                      key={item.id}
                      index={index}
                      dispatch={this.props.dispatch}
                      item={item}
                      imgsNum={1}
                    />
                  );
                })
              }
            </div>
          }
        </div>
        {/*
        <Tabs.TabPane tab="通知通告" key="2">
        /!*顶部空白，由于tabs固定不变*!/
        <div className={styles.tabsBlank}></div>
        {!empty(partyStyles) &&
        partyStyles.map(item=>{
        return(
        <WitAnnouncement tit={item.title}
        info={item.content}
        time={item.acTime}
        dispatch={this.props.dispatch}
        index={item.id}/>
        )
        })
        }
        /!*下一页*!/
        /!*<WhiteSpace />*!/
        /!*<div style={{padding: '0 5%'}}>*!/
        /!*<Pagination total={5} current={1} />*!/
        /!*</div>*!/
        /!*<WhiteSpace />*!/
        </Tabs.TabPane>
        <Tabs.TabPane tab="党建风采" key="3">
        /!*顶部空白，由于tabs固定不变*!/
        <div className={styles.tabsBlank}></div>
        /!*跑马灯*!/
        <div style={{height: `${this.state.initialCarouselHeight2}`, backgroundColor: '#fff' }}>
        <Carousel
        className={styles.myCarousel}
        autoplay={false}
        infinite={true}
        selectedIndex={0}
        swipeSpeed={35}
        dots={false}
        afterChange={index => {this.setState({carouselNumber2: index+1})}}>
        {this.state.data2.map((ii,jj) => (
        <a key={jj} className={styles.myCarouselA}>
        <img
        className={styles.myCarouselAImg}
        src={ii.img}
        alt="icon"
        onLoad={() => {
        window.dispatchEvent(new Event('resize'));
        this.setState({
        initialCarouselHeight2: '4rem'
        });
        }}
        />
        <Flex justify='between' align='center' className={styles.myCarouselAShadow}>
        <div style={{marginLeft: '0.2rem',fontSize: '0.26rem'}}>{ii.title}</div>
        <div style={{marginRight: '0.2rem',fontSize: '0.2rem'}}>
        <span style={{fontSize: '0.38rem'}}>{this.state.carouselNumber2}</span>
        /3
        </div>
        </Flex>
        </a>
        ))}
        </Carousel>
        </div>
        /!*党建风采列表*!/
        <WhiteSpace />
        <WhiteSpace />
        {
        partyStyles1.map((item,index) => {
        const number1 = index;
        return (
        <div
          onClick={ () => this.handleMien(number1)}
          style={{
            borderTop: '0.01rem solid #ddd',
            boxSizing: 'border-box',
            width: '100%',
            padding: '0.3rem 0.3rem',
            background: '#fff',
          }}
        >
        <div
          style={{
            width: '100%',
            lineHeight:'0.45rem',
            fontSize: '0.35rem',
            letterSpacing: '0.02rem',
            overflow: 'hidden',
          }}
        >
        {item.title}
        </div>
        <Flex key={index} justify='between' align='top' style={{width: '100%',marginTop: '0.2rem'}}>
        <div style={{width: '32%'}}>
        <img
        src={item.img[0]}
        alt=""
        onLoad={() => {
        window.dispatchEvent(new Event('resize'));
        this.setState({
        initialHeight: null,
        });
        }}
        style={{width: '100%',height: '1.5rem',verticalAlign: 'top'}} />
        </div>
        <div style={{width: '32%'}}>
        <img
        src={item.img[1]}
        alt=""
        onLoad={() => {
        // fire window resize event to change height
        window.dispatchEvent(new Event('resize'));
        this.setState({
        initialHeight: null,
        });
        }}
        style={{width: '100%',height: '1.5rem',verticalAlign: 'top'}} />
        </div>
        <div style={{width: '32%'}}>
        <img
        src={item.img[2]}
        alt=""
        onLoad={() => {
        // fire window resize event to change height
        window.dispatchEvent(new Event('resize'));
        this.setState({
        initialHeight: null,
        });
        }}
        style={{width: '100%',height: '1.5rem',verticalAlign: 'top'}} />
        </div>
        </Flex>
        <div style={{width: '100%',color: '#999',marginTop: '0.2rem',fontSize: '0.3rem'}}>
        <span style={{marginRight: '0.5rem'}}>开展活动组织名称</span>
        <span>2天前</span>
        </div>
        </div>
        )
        })
        }
        </Tabs.TabPane>
        */}
        <WhiteSpace style={{ height: '1.3rem' }} />
        {/* {
          console.log("userdata", sessionStorage.getItem("userdata"))
        } */}
      </div>
    );
  }
}

function mapStateToProps({ infor }) {
  return {
    infor
  };
}
export default connect(mapStateToProps)(Infor);
